
html, body {
	margin:0px; padding:0px; 
	background:#fff;
	position:relative; 
}

body {
	text-align:center;
}


#all {
	text-align:left;
	margin:0 auto;
	width:85%;
}

.head {
	display:block;
	height:50px;
	background: #686;
	padding:1px;
}

#container {
	position:relative; 
	display:block; 
	background:#ffec97;
	border-left:solid 150px #5d9ce7;
	border-right:solid 300px #5de797;
}
#inner {
	display:block;
	position:relative;
	 
	margin-left:-150px;
	margin-right:-300px;
	padding:1px;
}

#left {
	float:left; 
	position:relative; 
	width:150px;
	left:0px;
}
#right {
	float:right; 
	position:relative; 
	width:300px;
	right:0px;
}
#center {
	margin-left:150px;
	margin-right:300px;
	position:relative; 
	display:block;
	height:1%;
}
.clear {
	clear:both;
}


.foot {
	display:block;
	height:100px;
	background: #686;
	padding:1px;
}
div {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


#button{
	border: 0px;
	background-color: #11cff7;
	height: 22px;
}
#button:hover{
	background-color: #063b46;
	color: #fff;
}
canvas {
	background: #0f0;
}